<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 为什么要搞个箭头函数呢？最大的原因就是，传统的函数中，this的指向是动态的，谁调用这个函数，这个this就指向谁
        function demo() {
            console.log(this);
        }

        let obj = {
            demo: demo
        }
        // 可以看到，同样是对于demo函数的调用，一个指向window，一个指向obj对象
        demo();//window
        obj.demo();//obj

        console.log('-------------------------------------');

        // 考虑下面代码
        const obj2 = {
            fn: function () {
                console.log(this);
            },
            fn2: () => {
                console.log(this);
            }
        };
        obj2.fn();//obj2
        obj2.fn2();//window
    </script>
</body>

</html>